<template>
    <div>
      <search></search>
      <div class="page_contents" style="padding: 10px;">
        <ul class="work_list">
          <li v-for="item in carList">
            <router-link :to="{name:'Commods',params:{workid:item.workid}}">
              <div class="imgs">
                <img src="../../static/image/qiche_test.jpg" alt="">
              </div>
              <div class="info">
                <p class="name">{{item.name}}</p>
                <p class="yeat_gl">{{item.yaers}}</p>
                <p class="jiage"><span>{{item.xj}}万</span><s>{{item.yj}}万</s></p>
              </div>
            </router-link>
          </li>
        </ul>
      </div>
      <FooterBtn></FooterBtn>
    </div>
</template>
<style>

</style>
<script>
  import search from '../assembly/car_search_header.vue'
  import FooterBtn from '../assembly/footer_btn.vue'
    export default{
        data(){
            return{
                msg:'hello vue',
              carList: [
                {name: '五菱宏光 2014款 1.2L S标准型', yaers: '2015年/1.6万公里', xj: '3.5', yj: '5.08', workid: '1'},
                {name: '五菱宏光 2014款 1.2L S标准型', yaers: '2015年/1.6万公里', xj: '3.5', yj: '5.08', workid: '2'},
                {name: '五菱宏光 2014款 1.2L S标准型', yaers: '2015年/1.6万公里', xj: '3.5', yj: '5.08', workid: '3'},
                {name: '五菱宏光 2014款 1.2L S标准型', yaers: '2015年/1.6万公里', xj: '3.5', yj: '5.08', workid: '4'},
                {name: '五菱宏光 2014款 1.2L S标准型', yaers: '2015年/1.6万公里', xj: '3.5', yj: '5.08', workid: '5'}
              ]
            }
        },
        components:{
          search,
          FooterBtn
        }
    }
</script>
